<template>
	<view>
		<uni-search-bar placeholder="搜索帖子"></uni-search-bar>
		<uni-card @click="tizi">
			<view class="comment">
				<view class="left">
					<image src="../../../static/icons/baoyu.png" mode="aspectFill"></image>
				</view>
				<view class="right">
					<view class="top">
						<view class="name"> 贴吧01，回收</view>

					</view>
					<view class="content">
						专业回收电子元器件，集成电路，手机IC，二三极管，电解电容，胆电容，，字库，晶振，我们高价回收手机配件，手机屏，液晶屏，液晶总成，手机喇叭，手机尾插，手机连接器，FLash系列闪存，内存，单片机，模块,显卡，网卡，芯片，家电IC、电脑IC、通讯IC、电源IC、数码IC、安防IC、军工IC,K9F系列、南北桥、手机IC、电脑周边IC、电视机IC、ATMEL/PIC系列单片机、SAA系列、XC系列、RT系列、TDA系列、TA系列，手机主控IC，内存卡、字库、蓝牙芯片,功放IC、电解电容、钽电容、贴片电容、晶振、变压器、LED发光管、继电器...电脑配件.手机配件）等一切电子料等。
					</view>
					<view class="bottom">
						2020年10月10日 10：10
						<view class="reply">回复</view>
					</view>
				</view>
			</view>
		</uni-card>
		
	<uni-card @click="tizi">
		<view class="comment">
			<view class="left">
				<image src="../../../static/icons/baoyu.png" mode="aspectFill"></image>
			</view>
			<view class="right">
				<view class="top">
					<view class="name"> 贴吧02，招聘</view>

				</view>
				<view class="content">
					地铁十号线十号线招安保员
						女：18-38 165cm以上
						男：18-38 175cm以上
						底薪4600.加班费一小时16 公寓房两人房四人房 管吃管住 买五险
						电话：13213434319

				</view>
				<view class="bottom">
					2020年10月10日 10：10
					<view class="reply">回复</view>
				</view>
			</view>
		</view>
	</uni-card>
	<image @click="dianji" src="../../../static/uview/example/min_button_select.png" style="position: fixed;right: 10%;bottom: 10%;z-index: 999;width: 100rpx;height: 100rpx;"></image>
	
	</view>

		
</template>

<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			tizi(){
				uni.navigateTo({
					url:'tiezixian'
				})
			},
			dianji(){
				uni.navigateTo({
					url:'faite'
				})
			}
		}
	}
</script>
<style lang="scss" scoped>
	.comment {
		display: flex;
		padding: 30rpx;

		.left {
			image {
				width: 64rpx;
				height: 64rpx;
				border-radius: 50%;
				background-color: #f2f2f2;
			}
		}

		.right {
			flex: 1;
			padding-left: 20rpx;
			font-size: 30rpx;

			.top {
				display: flex;
				justify-content: space-between;
				align-items: center;
				margin-bottom: 10rpx;

				.name {
					color: #5677fc;
				}

				.like {
					display: flex;
					align-items: center;
					color: #9a9a9a;
					font-size: 26rpx;

					.num {
						margin-right: 4rpx;
						color: #9a9a9a;
					}
				}

				.highlight {
					color: #5677fc;

					.num {
						color: #5677fc;
					}
				}
			}

			.content {
				margin-bottom: 10rpx;
			}

			.reply-box {
				background-color: rgb(242, 242, 242);
				border-radius: 12rpx;

				.item {
					padding: 20rpx;
					border-bottom: solid 2rpx $u-border-color;

					.username {
						font-size: 24rpx;
						color: #999999;
					}
				}

				.all-reply {
					padding: 20rpx;
					display: flex;
					color: #5677fc;
					align-items: center;

					.more {
						margin-left: 6rpx;
					}
				}
			}

			.bottom {
				margin-top: 20rpx;
				display: flex;
				font-size: 24rpx;
				color: #9a9a9a;

				.reply {
					color: #5677fc;
					margin-left: 10rpx;
				}
			}
		}
	}
</style>
